<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>上门医护</title>
		<link rel="stylesheet" type="text/css" href="../../css/yihu/list.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../../js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vConsole = new VConsole();
		</script>-->
	</head>

	<body>
		<script type="text/javascript">
			function secondClick(ipon) {
				console.log("iOS拨打电话" + ipon)
				window.webkit.messageHandlers.removeNavigationBar.postMessage(ipon);
			}
		</script>
		<header class="positionR colorF height7">
			<img src="../../img/yihu/fanhui.png" onclick="window.history.go(-1)" />
			<div class="height30"></div>
			<div class="textC font1-4">上门医护</div>
		</header>
		<div id="main" class="positionR none">
			<div class="top width100">
				<ul class="overflowH PB10 PT10">
					<li class="width33_3 fl" v-for="n in 3">
						<div class="width70 font1-2 LH2 textC Mauto" v-bind:class="{ center: (isActive == n) }" @click="listtoggle(n)">
							{{titles[n-1]}}
						</div>
					</li>
				</ul>
			</div>
			<div class="content width100 height100 overflowA" ref="mybox" v-if="isActive == 1" v-on:scroll.passive="onScroll('mybox')">
				<div style="height: 4rem;"></div>
				<ul v-if="response.length">
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response">
						<div class="toplist font1-4 PL20 LH3">
							<img class="verticlM" src="../../img/yihu/06.png" style="height: 2rem;" /> {{item.medicalName}}
							<!--<img class="verticlM" :src="(ip+item.medicalIcon)" onerror="this.src='../../img/yihu/06.png'" style="height: 2rem;"/> {{item.medicalName}}-->
						</div>
						<div class="chenter PL10 PR10">
							<div @click="openurl(item,1)">
								<p class="font1-4 LH3">
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.nurseGender == '女'" />
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else> &nbsp;&nbsp;{{item.peopleName}} &nbsp;&nbsp;
									<img class="xingbie" src="../../img/yihu/03.png" v-if="item.nurseGender == '女'" />
									<img class="xingbie" src="../../img/yihu/04.png" v-else/></p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务预约时间：{{item.sjyyTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png" />&nbsp;&nbsp;申请时间：{{item.medicalTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;工单编号：{{item.medicalId}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务机构：{{item.hospitalName}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5"><img src="../../img/yiyao/02.png" />&nbsp;&nbsp;服务地址：{{item.address}}</p>
							</div>
							<div class="bord"></div>
							<div class="">
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" @click="openurl(item,1)"><a href="javascript:;">服务执行</a></button>
								<!--<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" v-if="ios"><a @click="telipon(item.peoplePhone)">联系TA</a></button>
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" v-else=""><a :href="'tel:'+item.peoplePhone">联系TA</a></button>-->
								<button class="chakan fl PB5 PT5 PL10 PR10 MT10 MB10 MR15 radius5P" @click="openloading"><a :href="'gaode.html?jwd='+item.jwd+'&name='+item.address">查看地图</a></button>
								<!--<button class="chakan fl PB5 PT5 PL10 PR10 MT10 MB10 MR15 radius5P" @click="openloading" v-else><a :href="'http://uri.amap.com/marker?position='+item.longitude+','+item.latitude+'&name='+item.address+'&src=mypage&coordinate=gaode&callnative=0'">查看路线</a></button>-->
							</div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
			<div class="content width100 height100 overflowA" v-if="isActive == 2" ref="mybox2" v-on:scroll.passive="onScroll('mybox2')">
				<div style="height: 4rem;"></div>
				<ul v-if="response.length" class="PB10">
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response">
						<div class="toplist font1-4 PL20 LH3">
							<img class="verticlM" :src="(ip+item.medicalIcon)" onerror="this.src='../../img/yihu/06.png'" style="height: 2rem;" /> {{item.medicalName}}
						</div>
						<div class="chenter PL10 PR10">
							<div @click="openurl(item,2)">
								<p class="font1-4 LH3">
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.nurseGender == '女'" />
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else> &nbsp;&nbsp;{{item.peopleName}} &nbsp;&nbsp;<img class="xingbie" src="../../img/yihu/03.png" v-if="item.nurseGender == '女'" /><img class="xingbie" src="../../img/yihu/04.png" v-else/></p>
								<!--<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png"/>&nbsp;&nbsp;申请时间：{{item.medicalTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5 oneline"><img src="../../img/yihu/01.png"/>&nbsp;&nbsp;工单编号：{{item.medicalId}}</p>-->
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务预约时间：{{item.sjyyTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png" />&nbsp;&nbsp;申请时间：{{item.medicalTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;工单编号：{{item.medicalId}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务机构：{{item.hospitalName}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5"><img src="../../img/yiyao/02.png" />&nbsp;&nbsp;服务地址：{{item.address}}</p>
							</div>
							<div class="bord"></div>
							<div class="">
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" @click="openurl(item,2)"><a href="javascript:;">查看</a></button>
							</div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
			<div class="content width100 height100 overflowA" v-if="isActive == 3" ref="mybox3" v-on:scroll.passive="onScroll('mybox3')">
				<div style="height: 4rem;"></div>
				<ul v-if="response.length" class="PB10">
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response">
						<div class="toplist font1-4 PL20 LH3">
							<img class="verticlM" :src="(ip+item.medicalIcon)" onerror="this.src='../../img/yihu/06.png'" style="height: 2rem;" /> {{item.medicalName}}
						</div>
						<div class="chenter PL10 PR10">
							<div @click="openurl(item,item.status)">
								<p class="font1-4 LH3">
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.nurseGender == '女'" />
									<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else> &nbsp;&nbsp;{{item.peopleName}} &nbsp;&nbsp;
									<img class="xingbie" src="../../img/yihu/03.png" v-if="item.nurseGender == '女'" />
									<img class="xingbie" src="../../img/yihu/04.png" v-else/></p>
								<!--<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png"/>&nbsp;&nbsp;申请时间：{{item.medicalTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5 oneline"><img src="../../img/yihu/01.png"/>&nbsp;&nbsp;工单编号：{{item.medicalId}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5" v-if="item.status == '1'"><img src="../../img/yiyao/02.png"/>&nbsp;&nbsp;服务地址：{{item.address}}</p>-->
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务预约时间：{{item.sjyyTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png" />&nbsp;&nbsp;申请时间：{{item.medicalTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;工单编号：{{item.medicalId}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 oneline"><img src="../../img/yihu/01.png" />&nbsp;&nbsp;服务机构：{{item.hospitalName}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10 PB5"><img src="../../img/yiyao/02.png" />&nbsp;&nbsp;服务地址：{{item.address}}</p>

							</div>
							<!--<div class="bord" v-if="item.status == '1'"></div>-->
							<div class="bord"></div>
							<div class="" v-if="item.status == '1'">
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" @click="openurl(item,item.status)"><a href="javascript:;">服务执行</a></button>
								<!--<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" v-if="ios"><a @click="telipon(item.peoplePhone)">联系TA</a></button>
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" v-else><a :href="'tel:'+item.peoplePhone">联系TA</a></button>-->
								<button class="chakan fl PB5 PT5 PL10 PR10 MT10 MB10 MR15 radius5P" @click="openloading"><a :href="'gaode.html?jwd='+item.jwd+'&name='+item.address">查看地址</a></button>
								<!--<button class="chakan fl PB5 PT5 PL10 PR10 MT10 MB10 MR15 radius5P" @click="openloading" v-else><a :href="'http://uri.amap.com/marker?position='+item.longitude+','+item.latitude+'&name='+item.address+'&src=mypage&coordinate=gaode&callnative=0'">查看路线</a></button>-->
							</div>
							<div v-else="">
								<button class="tel fr PB5 PT5 PL20 PR20 MT10 MB10 ML15 radius5P" @click="openurl(item,2)"><a href="javascript:;">查看</a></button>
							</div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquary.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yihu/list.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>